body {
    height: 100%;
    margin: 0;
    padding: 0;

}

video {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

/* 设置Element Plus所有组件的背景为透明 */
.el-button,
.el-input,
.el-select,
.el-checkbox,
.el-radio,
.el-switch,
.el-slider,
.el-dropdown,
.el-dropdown-menu,
.el-menu,
.el-pagination,
.el-tooltip,
.el-popover,
.el-dialog,
.el-carousel,
.el-collapse,
.el-tabs,
.el-tab-pane,
.el-table,
.el-table__row,
.el-table__header,
.el-table__body,
.el-tag,
.el-alert,
.el-message,
.el-loading
    /* ...其他Element Plus组件... */
{
    border: none !important;
    border-radius: 0 !important;
    color: #00ffb1 !important;
    background-color: transparent !important;
}

/* 让所有表头 (th) 都变成毛玻璃 */
:deep(.el-table__header-wrapper) {
    background: rgba(255, 255, 255, 0.2) !important; /* 半透明背景 */
    backdrop-filter: blur(10px) !important; /* 毛玻璃效果 */
    -webkit-backdrop-filter: blur(10px) !important; /* 兼容 Webkit 浏览器 */
}

.el-table thead {
    color: #00ffb1 !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.1) !important; /* 半透明背景 */
    overflow: hidden;
}

/* 设置所有 Element UI 组件及其子元素的透明度 */
.el-button,
.el-input,
.el-select,
.el-form-item,
.el-table,
.el-dropdown,
.el-card,
.el-dialog {
    background-color: transparent !important;
    border: none !important;
}

/* 针对特定组件可能需要更详细的覆盖 */
.el-card,
.el-collapse-item,
.el-dialog,
.el-form-item__label,
.el-input,
.el-select,
.el-table,
.el-tabs__item,
.el-tabs__nav-wrap,
.el-tabs__nav-scroll,
.el-tabs__nav,
.el-tabs__item.is-active,
.el-input__inner,
.el-select-dropdown,
.el-select .el-select__wrapper,
.el-select-dropdown__item,
.el-select-dropdown__item.hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item:focus,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item.selected:hover,
.el-select-dropdown__item.selected:focus,
.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected,
.el-select-dropdown__item.selected:hover,
.el-select-dropdown__item.selected:focus,
.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item,
.el-table__header-wrapper,
.el-input .el-input__wrapper,
.el-select-dropdown__item,
.el-select-dropdown__item.hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item:focus,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item.selected:hover,
.el-select-dropdown__item.selected:focus,
.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected:focus.hover,
.el-select-dropdown__item.selected.hover:focus, .el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select-dropdown__item.selected.hover:focus,
.el-select
.el-select-dropdown__item,
.el-select-dropdown__item.hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item:focus,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected,
.el-select-dropdown__item.selected:hover,
.el-select-dropdown__item.selected:focus,
.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected:focus.hover,
.el-tab-pane {
    color: #00ffb1 !important;
    background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊效果 */
    -webkit-backdrop-filter: blur(10px); /* 兼容 Webkit 浏览器 */
}

:deep(.el-input__inner) {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
}

:deep(.el-select) {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

/* 设置选择框的背景透明 */
.el-select {
    background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊效果 */
    -webkit-backdrop-filter: blur(10px); /* 兼容 Webkit 浏览器 */
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* 设置表格背景透明 */
.el-table {
    background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊效果 */
    -webkit-backdrop-filter: blur(10px); /* 兼容 Webkit 浏览器 */
    /*border: none !important; !* 可选择是否去掉表格边框 *!*/
}

/* 设置表格单元格背景透明 */
.el-table td,
.el-table >>> th {
    background-color: transparent !important;
}

/* 设置 el-form-item 标签文本颜色 */
.el-form-item .el-form-item__label {
    background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊效果 */
    -webkit-backdrop-filter: blur(10px);
}

/* 确保内容区域的背景也是透明的 */
.el-main,
.el-header,
.el-footer {
    background: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃模糊效果 */
    -webkit-backdrop-filter: blur(10px); /* 兼容 Webkit 浏览器 */
}
